.panel-heading .title {font-size: 18px; font-weight: 600; max-width: 90%;}
.panel-heading { justify-content: space-between; }
.panel-actions { margin-left: auto; }

#docPanel.is-in-fullscreen {background: #fff; overflow-y: scroll}
#docPanel.is-in-fullscreen .panel-actions, #docPanel.is-in-fullscreen .selelct-version {display: none;}
#docPanel {flex: 1 1 100%; margin-right: 1.5rem;}

.scrollbar-hover { overflow-y: scroll; }
#mainContent .panel+.panel {flex: none}
#history{ position: relative; flex: 0 1 40%; z-index: 120; min-width: 300px;}
#history > #closeBtn { position: absolute; right: 0; top: 0;}

.main-content-cell > .panel {max-height: calc(100vh - 110px); overflow-y: auto;}
.main-content-cell > .panel > .doc-content {padding-right: 0;}

#contentTree {background: #fff; position: sticky; height: calc(100vh - 180px)!important; overflow: auto; top: 3.5rem; right: 1rem; z-index: 100; flex: 0 1 30%;}
#contentTree .tree-item .item-content > a {white-space: nowrap; text-overflow: clip; overflow: hidden;}

#docPanel::-webkit-scrollbar,
#contentTree::-webkit-scrollbar {height: 0px; width: 0px; background: transparent;}
#contentTree::-moz-scrollbar {height: 0px; width: 0px; background: transparent;}

.w-144 {width: 36rem;}

#outlineToggle {display: block; position: absolute; top: 6.5rem; right: 3.5rem; z-index: 100;}
#docPanel .panel-heading > .panel-actions.hasEditor {min-width: 320px;}
#docPanel .detail-content {max-width: var(--zt-panel-form-max-width); overflow: hidden;}

.editor-container, .editor-container > .form-control {box-shadow: none!important;}
#editorBox {margin-left: 0.5rem;}
